.state-row{
	position: fixed;
	height: 10vw;
	width: 100%;
	border-bottom: 1px solid #ccc;
	background: #ffc4d1;
	z-index: 99;
	.grid-content {
		min-height: 40px;
	}
	.grid-flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.icon-menu{
		font-weight: 600;
		font-size: 1.25rem;
		color: #fff;
	}
}
.state-mian{
	// padding-top: 10vw;
	padding: 10vw 2vw 0 2vw;
	.el-tabs__header{
		position: fixed !important;
		z-index: 99;
		margin-top: 10vw;
	}
}
.s-content{
	.s-item{
		// display: flex;
		// justify-content: space-between;
		// align-items: flex-start;
		padding: 2vw 0;
		margin: 2vw 0;
		.img{
			width: 14vw;
			height: 14vw;
			border: 1px solid #CCCCCC;
			float: left;
			border-radius: 4px;
			margin-right: 2vw;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.right{
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			min-height: 14vw;
			position: relative;
			.info{
				display: flex;
				justify-content: space-around;
				flex-direction: column;
				p{
					font-weight: 600;
				}
				.up-info{
					color: #969696;
					font-size: 14px;
					margin-top: 4vw;
				}
				.line{
					padding: 0 1vw;
				}
			}
			.more{
				.dislike{
					position: absolute;
					right: 0;
					top: 4vw;
					width: 18vw;
					height: 8vw;
					background: #e6e6e6;
					border-radius: 8px;
					text-align: center;
					line-height: 8vw;
				}
			}
		}
	}
}